<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>首页</title>
		<!--移动端meta标签-->
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!--外链CSS-->
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<!--iconfont-->
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_808044_3s4dknpmlgu.css" />
		<!--引入JavaScript脚本标签-->
		<script src="js/rem.js" type="text/javascript">
		</script>
	</head>

	<body>
		<!--头部-->
		<header>
			<!--logo&搜索栏-->
			<div class="search">
				<label for="login-btn"><i class="icon-caidan1 iconfont fl"></i></label>
				<a href="land.html" class="fr"><i class="icon-touxiang iconfont"></i></a>
				<a href="" class="fr"><i class="icon-sousuo iconfont"></i></a>
				<a href="index.html"><img src="img/logo.png" /></a>
			</div>
		</header>
		<!--头部空白-->
		<div class="topNull"></div>
		<!--checkbox-->
		<input type="checkbox" name="" id="login-btn" value="" />
		<!--个人信息弹窗-->
		<div class="login-page">
			<!--菜单栏-->
			<div class="login-search">
				<!--关闭页面按钮-->
				<label for="login-btn"><i class="icon-dankuangguanbianniu iconfont"></i></label>
				<input type="text" placeholder="Search" name="" id="" value="" />
				<i class="icon-sousuo iconfont"></i>
			</div>
			<!--个人信息显示-->
			<div class="login-msg">
				<!--头像-->
				<a href=""><img src="img/a_11.png" alt="" /></a>
				<!--姓名-->
				<div class="login-name"><span>麦展豪</span><span>个人中心 ></span></div>
				<!--星星-->
				<div class="stars">
					<i class="icon-xingxing iconfont"></i>
					<i class="icon-xingxing iconfont"></i>
					<i class="icon-xingxing iconfont"></i>
					<i class="icon-xingxing iconfont"></i>
					<i class="icon-xingxing iconfont"></i>
				</div>
				<!--粉丝关注-->
				<div class="fans">
					<span>关注<a href="">60</a></span>
					<span>粉丝<a href="">390</a></span>

				</div>
				<!--收藏&发布按钮-->
				<a href="">我的收藏</a>
				<a href="">我的发布</a>
				<!--装饰条-->
				<div class="loginNull"></div>
				<!--选项-->
				<a href="#" class="option option-bottom">GIMC</a>
				<a href="#" class="option option-bottom">文章</a>
				<a href="#" class="option option-bottom">资源</a>
				<a href="#" class="option">课程</a>
				<a href="index.html" class="out">退出</a>
			</div>
		</div>
		<!--主要内容部分-->
		<div class="content">
			<!--轮播图-->
			<div class="banner">
				<img src="img/i_02.png" alt="" />
			</div>
			<!--最新发布-->
			<p class="new">最新发布</p>
			<!--黑色修饰条-->
			<div class="black"></div>
			<!--案例观点&课程-->
			<div class="case-course">
				<!--案例观点-->
				<a href="#" class="case1">
					<!--左边内容-->
					<div class="case-left fl">
						<img src="img/i_05.png" />
					</div>
					<!--右边内容-->
					<div class="case-right fl">
						<span class="fl">[案例观点]</span>
						<span class="fr">12月26日 07:33:43</span>
						<div class="clear"></div>
						<p>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</p>
					</div>
					<div class="clear"></div>
				</a>
				<!--课程-->
				<a href="#" class="case2">
					<!--左边内容-->
					<div class="case-left fl">
						<img src="img/i_08.png" />
					</div>
					<!--右边内容-->
					<div class="case-right fl">
						<span class="fl">[课程]</span>
						<span class="fr">12月26日 07:33:43</span>
						<div class="clear"></div>
						<p>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</p>
					</div>
					<div class="clear"></div>
				</a>
				<!--课程-->
				<a href="#" class="case2">
					<!--左边内容-->
					<div class="case-left fl">
						<img src="img/i_05.png" />
					</div>
					<!--右边内容-->
					<div class="case-right fl">
						<span class="fl">[新闻]</span>
						<span class="fr">12月26日 07:33:43</span>
						<div class="clear"></div>
						<p>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</p>
					</div>
					<div class="clear"></div>
				</a>
				<!--课程-->
				<a href="#" class="case2">
					<!--左边内容-->
					<div class="case-left fl">
						<img src="img/i_08.png" />
					</div>
					<!--右边内容-->
					<div class="case-right fl">
						<span class="fl">[案例观点]</span>
						<span class="fr">12月26日 07:33:43</span>
						<div class="clear"></div>
						<p>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</p>
					</div>
					<div class="clear"></div>
				</a>
				<!--课程-->
				<a href="#" class="case2">
					<!--左边内容-->
					<div class="case-left fl">
						<img src="img/i_05.png" />
					</div>
					<!--右边内容-->
					<div class="case-right fl">
						<span class="fl">[新闻]</span>
						<span class="fr">12月26日 07:33:43</span>
						<div class="clear"></div>
						<p>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</p>
					</div>
					<div class="clear"></div>
				</a>
				<!--课程-->
				<a href="#" class="case2">
					<!--左边内容-->
					<div class="case-left fl">
						<img src="img/i_08.png" />
					</div>
					<!--右边内容-->
					<div class="case-right fl">
						<span class="fl">[案例观点]</span>
						<span class="fr">12月26日 07:33:43</span>
						<div class="clear"></div>
						<p>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</p>
					</div>
					<div class="clear"></div>
				</a>
			</div>
		</div>
		<!--空白快-->
		<div class="bottomNull"></div>
		<!--尾部-->
		<footer>
			<a href="index.html"><img src="img/red_12.png" alt="" /><span>首页</span></a>
			<a href="#"><img src="img/footer_15.png" alt="" /><span class="before">GIMC</span></a>
			<a href="article.html"><img src="img/footer_06.png" alt="" /><span class="before">文章</span></a>
			<a href="resource.html"><img src="img/footer_03.png" alt="" /><span class="before">资源</span></a>
			<a href="#"><img src="img/footer_04.png" alt="" /><span class="before">学院</span></a>
		</footer>
	</body>

</html>